// link-states
//
	// Generates link color and hover and focus states.
//
// $link-color - Specifies what color to use for link styling.
//
// Styleguide Logic.Mixins.link-states
@mixin link-states($link-color, $link-focus-color: "link-focus-text") {
	@include var(color, #{$link-color});

	// States
	&:focus {
		@include var(background-color, #{$link-color});
		@include var(color, #{$link-focus-color});
		outline: $border-thin solid;
		@include var(outline-color, #{$link-color});

		&:hover {
			text-decoration: underline;
		}
	}
}
